<!DOCTYPE HTML>
<!--[if lt IE 7 ]> <html lang="zh-CN" class="ie6 ielt8"> <![endif]-->
<!--[if IE 7 ]>    <html lang="zh-CN" class="ie7 ielt8"> <![endif]-->
<!--[if IE 8 ]>    <html lang="zh-CN" class="ie8"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--> <html lang="zh-CN"><!--<![endif]-->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>{if isset($SEO['title']) && !empty($SEO['title'])}{$SEO['title']}{/if}{$SEO['site_title']}</title>
<meta name="keywords" content="{$SEO['keyword']}">
<meta name="description" content="{$SEO['description']}">
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">
<link href="{CSS_PATH}city.css" rel="stylesheet" type="text/css">
<!--[if IE]><script src="{JS_PATH}html5.js"></script><![endif]-->
<script type="text/javascript" src="{JS_PATH}jquery.js"></script>
<script type="text/javascript" src="{JS_PATH}jquery.cookie.js"></script>
<script type="text/javascript" src="{JS_PATH}cmstop-common.js"></script>
	<!--[if lt IE 9 ]>
		<script type="text/javascript" src="{JS_PATH}helper/modernizr.js"></script>
	<![endif]-->
<!-- swiper -->
<link rel="stylesheet" href="https://unpkg.com/swiper/css/swiper.css">  
<script src="https://unpkg.com/swiper/js/swiper.js"> </script>  

</head>

<body>
	{template "content","head"}
	<!--@end导航栏-->
<!--网站导航-->

{php $catposid = "&catid=". $catid}

<div id="main">
	<span class="navlist"><a href="{siteurl($siteid)}">{$SEO['site_title']}</a> »  {catpos($catid)} {$title}</span>
</div>

<div id="main">
   <div id="leftbox">
		<!-- 轮播模块 -->
		<div id="swiper_slide" class="xinan-slide">
			<div class="swiper-container">
				<div class="swiper-wrapper">
					{loop $pictureurls $r}
						<div class="swiper-slide">
							<img src="{$r['url']}" alt="{$r['alt']}" height="500" />
						</div>
					{/loop}
				</div>
				<div class="swiper_textBox">
					<div class="textBox_title">{$title}</div>
					<div class="textBox_desc">{$content}</div>
				</div>
				<div class="textBox_detail">
					<span>更新 : {$updatetime}</span>
					<span>{$author}/摄</span>
					<span>来源 : {if $copyfrom}{$copyfrom}{else}未知{/if}</span>
				</div>
				<!-- 如果需要导航按钮 -->
				<div class="swiper-button-prev"></div>
				<div class="swiper-button-next"></div>
			</div>
			<!-- tab缩略图 -->
			<div class="thumbs_box">
				<div class="thumbs-prev"></div>
				<div class="swiper_thumbs">
					<div class="swiper-wrapper">
						{loop $pictureurls $r}
							<div class="swiper-slide">
								<img src="{$r['url']}" alt="{$r['alt']}"width="80" height="80" />
							</div>
						{/loop}
					</div>
					<!-- 如果需要滚动条 -->
					<div class="swiper-scrollbar thumbs_scrollbar"></div>
				</div>
				<div class="thumbs-next"></div>
				
			</div>
			
		</div>
		<!-- 轮播模块END -->
		
		<!--  -->
		<div style="overflow: hidden;">
			<div style="float: left;">
				<!-- 评论模块 -->
				<div class="newsSpecial">
					<div class="content">
						<div class="comment_release">
							<div class="userHeadImg"><img src="" width="100%" height="100%"></div>
							<div class="userComment">
								<textarea class="commentText" placeholder="发表个人评论看法"></textarea>
								<a class="releaseBtn" href="javascript:;">发表</a>
							</div>
						</div>
						<div class="comment_list">
							<div class="comment_top">
								<div class="comment_topRight">
									<p><span>542</span>评论</p>
									<p><span>1542</span>参与</p>
								</div>
							</div>
							<div class="listData">
								<div class="userbox">
									<div class="userHeadImg"><img src="" width="100%" height="100%"></div>
									<div class="userComment">
										<div class="listTitle">
											<div class="userName">第一旅游网</div>
											<div class="listTime">2天前</div>
										</div>
										<div class="listText">
											8月19日，“大国重器——迎接党的十九大胜利召开摄影展”在北京民族文化宫展览馆开幕。展览共展出90幅摄影作品，展览的主体作品通过大尺幅再现大景观，并运用最新打印技术及多种输出材料呈现了大国重器的宏大主题和震撼画面。此次摄影展将持续到8月30日
										</div>
									</div>
								</div>
								<div class="userbox">
									<div class="userHeadImg"><img src="" width="100%" height="100%"></div>
									<div class="userComment">
										<div class="listTitle">
											<div class="userName">第一旅游网</div>
											<div class="listTime">2天前</div>
										</div>
										<div class="listText">
											8月19日，“大国重器——迎接党的十九大胜利召开摄影展”在北京民族文化宫展览馆开幕。展览共展出90幅摄影作品，展览的主体作品通过大尺幅再现大景观，并运用最新打印技术及多种输出材料呈现了大国重器的宏大主题和震撼画面。此次摄影展将持续到8月30日
										</div>
									</div>
								</div>
								
								
							</div>
							
						</div>
					</div>
				</div>
				
			</div>
			
			<!-- rightBox模块 -->
			<div style="float: right;padding-top: 10px;">
				{template "content","city_rightRelation"}
			</div>
			<!-- rightBox模块END -->
		</div>
    </div>
	
</div>
<!--公用脚部-->
<footer>
  {template "content","footer"}
</footer>
<!--公用脚部END-->

<script>
	//初始化缩略图
	var thumbsSwiper = new Swiper('.swiper_thumbs',{
	  spaceBetween: 10,
	  slidesPerView: "auto",
	  watchSlidesVisibility: true,//防止不可点击
	  navigation: {
	  	nextEl: '.thumbs-next',
	  	prevEl: '.thumbs-prev',
	  },
	  // 如果需要滚动条
		scrollbar: {
		  el: '.thumbs_scrollbar',
		},
	  
	})
	// 轮播初始化
	var mySwiper = new Swiper ('.swiper-container', {
		direction: 'horizontal',
		loop: true, // 循环模式选项
		// 如果需要前进后退按钮
		navigation: {
			nextEl: '.swiper-button-next',
			prevEl: '.swiper-button-prev',
		},
		// 缩略图
		thumbs: {
			swiper: thumbsSwiper,
		}

	}) 
         
</script>

</body>
</html>